/*
  嵌套作用：快速生成后代选择器
  &：表示当前选择器，代码写道谁的大括号里面就表示谁不会生成后代选择器
  应用：配合hover伪类或者nth-child结构伪类使用
 */
body {
  width: 180 + 20px;
  height: 220 - 20px;

  div {
    width: 10 *10 px;
    height: (100 / 37.5rem);

    a {
      color: #00a4ff;

      &:hover {
        color: #00ff58;
      }
    }
  }
}

